// 引入公共字体图标
require('../../fonts/iconfont.css')
/* 工具函数 */

/* 正计时功能 */
    let  text = ''
    function showtext(num){
        //得到小时
        let hour = Math.floor(num / 60 / 60);
        //得到分钟
        let minute = Math.floor(num / 60 % 60);
        //得到秒数
        let seconds = Math.floor(num % 60)
        text = [hour, minute, seconds] . map(function(v){
            return padZero(v)
        }) . join(':')
    }




/* 
    在前面补0 的函数 
 */
function padZero(n) {
    return n < 10 ? "0" + n : n;
}



// 注册页面验证

//服务器地址
let BASE_URL = "http://139.9.177.51:8099";

/* 验证手机号码 */
function isPhone(phoneNum) {
    return /^1[3-9]\d{9}$/.test(phoneNum);
}
/* 密码验证 */
function passTest(val) {
    //以字母开头的6-12的字母数字和下划线
    return /^[a-zA-Z]\w{5,11}$/.test(val)

}
/* 封装的信息提示框 */
function showToast(icon = "√", msg = "操作成功") {
    // 1 创建div
    let div = document.createElement("div");
    // 2 设置类名
    div.className = "toast";
    // 3 设置内容
    div.innerHTML =
        `
    <span class="fitnessIcon  ${icon} fs28"></span>
    <p class="mt16">${msg}</p>   
    `
    //4 添加到页面
    document.body.append(div);
    //5 延时器
    window.setTimeout(function () {
        //删除自己
        div.remove();
    }, 3000)
}



/* 封装底部导航栏 */
/* function showTabbar(page) {
    // page的取值:  index run  mine 
    // 1 创建div
    let footer = document.createElement("footer");
    // 2 设置类名
    footer.className = "footer dpflex";
    // 3 设置内容
    footer.innerHTML =
        `
            <a class="foot-icon  ${page === "index" ? 'active' : ''}" href="index.html">
            <p class="fitnessIcon fitnessshouye"></p>
            <p>首页</p>
            </a>  
            <a class="foot-icon  ${page === "trainclass" ? 'active' : ''}" href="trainclass.html">
                 <p class="fitnessIcon fitness19"></p>
                <p>运动</p>
            </a>  
            <a class="foot-icon ${page === "ownpage" ? 'active' : ''}" href="ownpage.html">
               <p class="fitnessIcon fitnessquanzi"></p>
            <p>圈子</p>
            </a> 
            <a class="foot-icon ${page === "ownpage" ? 'active' : ''}" href="ownpage.html">
                <p class="fitnessIcon fitnesswode1"></p>
            <p>我的</p>
            </a>  
        `
    //4 添加到页面
    document.querySelector(".footer").appendChild(footer);

} */





/* 
    工具函数,把函数暴露出去
*/
window.$utils = {
    showToast: showToast, // 弹出框
    padZero: padZero,     // 补零
    showtext: showtext,   // 正计时
    isPhone: isPhone,     // 用户验证
    passTest: passTest,   // 密码验证
    BASE_URL: BASE_URL,   // 接口地址
    // showTabbar: showTabbar,
}

